﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Landscape.Vessel.WebApp.Login"
    Theme="Vessel" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" 
                Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" 
                Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" 
                Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>

    <div style="width: 100%; height: 100%">
        <div class="header">
        <span style="float: left">
        <img alt="Tanker Logo" src='<%=Page.ResolveClientUrl("~/Images/HeaderLeft.gif") %>' />
        </span>
            <span style="font-size: xx-large; font-weight: bold; padding-left: 10px; float: left">            
                TPOT Operations</span>
            <div style="height: 100%; width: 50%; text-align: right; margin-right: 5px; margin-left: auto;
                font-size: medium; position: relative; float: right">
                <span style="width: 50%; height: 100%; position: relative; float: left; border-right-style: dotted;
                    border-right-width: 2px; border-color: Black; vertical-align: middle">PM3 CAA&nbsp;&nbsp;</span>
                <span style="width: 50%; height: 100%; position: relative; float: left;"></span>
            </div>
        </div>
        <div id="loginBox">
            <table style="width: 100%; height: 100%">
                <tr>
                    <td style="width: 20%; text-align:center; background-color:#cb00ff ">
                        <span class="title">Vessel Applications Login</span>
                    </td>
                </tr>
                <tr>
                    <td style="width: 80%; vertical-align:top">
                        <table style="width: 100%; height: 100%">
                            <tr>
                                <td style="width: 20%; height: 30px">
                                <span class="label">User Name :</span>
                                </td>
                                <td style="width: 80%; height: 30px">
                                    <telerik:RadTextBox ID="RadTextBox1" Runat="server">
                                    </telerik:RadTextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 20%; height: 30px">
                                <span class="label">Password :</span>
                                </td>
                                <td style="width: 80%; height: 30px">
                                    <telerik:RadTextBox ID="RadTextBox2" Runat="server">
                                    </telerik:RadTextBox>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style="height:100%">
                                </td>
                            </tr>
                            <tr>
                                <td  colspan="2" style="height: 30px; text-align:center">
                                    <telerik:RadButton ID="RadButton1" runat="server" Text="Login" Width="100px">
                                    </telerik:RadButton>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
</body>
</html>
